<template>
<div>
  <h3>{{title}}</h3>
</div>
</template>

<script>
export default {
  name: "TitleStyle",
  props:{
    title:String
  }
}
</script>

<style scoped lang="less">

h3{
  position: relative;
  padding-left: 10px;
  &:before{
    content: " ";
    display:block;
    width: 4px;
    height: 18px;
    background-color: red;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
  }
}
</style>